<div id="dialog-code">
	<div style="float:right;"><a href="/" class="cmn-button">X</a></div>
	<div id="dialog-code-content"></div>
</div>

<div id="dialog-xml">
    <div style="float:right;"><a href="/" class="cmn-button">X</a></div>
    <h2></h2>
	<textarea id="xml-textarea" cols="25" rows="20"></textarea>
</div>

<div id="dialog-preview">
    <div style="float:right;"><a href="/" class="cmn-button">X</a></div>
	<iframe id="iframe-preview" width="90%" height="90%"></iframe>
</div>

<div id="searchbox">
	<a id="generate" href="/" class="cmn-button">Générer les pages statiques</a>
    <input class="textfield" id="search" name="search" value="" placeholder="Recherche..." />
    <div id="search-result"></div>
</div>

<div id="main">
	<h1>
		<img src="http://www.arte.tv/i18n/CoreMedia/com.arte-tv.www/admin/styles/default/imagescss/bg__logo/2150662,property=data,v=9.png" alt="" />
	</h1>
	
	<form id="embed-form" action="/" method="post">
	
		<div class="step">
			<h3>1) SITE PARENT</h3>
			<ul class="sitelist">
			<?php foreach ($this->header->getConfig() as $k => $v) : ?>
				<li>
					<label>
						<img src="<?= $v['logo'] ?>" alt="" /><br /><br />
						<input value="<?= $k ?>" type="radio" name="siteType"/><?= $v['label'] ?>
					</label>
				</li>
			<?php endforeach; ?>
			</ul>
		</div>
		
  		<div class="step">
			<h3>2) URLS LANGUES</h3>
            <p>
		  		<label for="url_fr">URL FR</label>
		  		<input id="url_fr" type="text" name="url_fr" value="" />
			</p>
			<p>
		  		<label for="url_de">URL DE</label>
		  		<input id="url_de" type="text" name="url_de" value="" />
			</p>
			<p>
		  		<label for="url_en">URL EN</label>
		  		<input id="url_en" type="text" name="url_en" value="" />
			</p>
		</div>
		
		<div class="step">
		  	<h3>3) SITE EXTRA</h3>
			<p>
			    <label>IMAGE EXTRA</label>
				<div class="dropzone">Glissez-déposez votre image ici...</div>
				<div class="selectedImage"></div>
			</p>
			<p>
		  		<label for="titleExtra_fr">TITRE FR</label>
		  		<input id="titleExtra_fr" type="text" name="titleExtra_fr" value="" />
			</p>
			<p>
		  		<label for="titleExtra_de">TITRE DE</label>
		  		<input id="titleExtra_de" type="text" name="titleExtra_de" value="" />
			</p>
			<p>
		  		<label for="titleExtra_en">TITRE EN</label>
		  		<input id="titleExtra_en" type="text" name="titleExtra_en" value="" />
			</p>
  	 		<p>
		  		<label for="urlExtra_fr">URL FR</label>
		  		<input id="urlExtra_fr" type="text" name="urlExtra_fr" value="" />
			</p>
			<p>
		  		<label for="urlExtra_de">URL DE</label>
		  		<input id="urlExtra_de" type="text" name="urlExtra_de" value="" />
			</p>
			<p>
		  		<label for="urlExtra_en">URL EN</label>
		  		<input id="urlExtra_en" type="text" name="urlExtra_en" value="" />
			</p>
		</div>
		
        <div class="step">
			<h3>4) OPTIONS</h3>
			<p>
			    <label for="cbShowLogin">FORMULAIRE DE LOGIN</label>
			    <input id="cbShowLogin" type="checkbox" name="showLogin" value="1" checked="checked" />
			</p>
			<p>
			    <label for="cbSocial">BOUTONS FB/TW</label>
			    <input id="cbSocial" type="checkbox" name="showSocial" value="1" checked="checked" />
			</p>
			<p>
			    <label for="cbShowLang">BOUTONS DE LANGUE</label>
			    <input id="cbShowLang" type="checkbox" name="showLang" value="1" checked="checked" />
			</p>
			<p>
			    <input type="submit" class="cmn-button" />
			</p>
		</div>
		
	</form>
	
</div>